JavaScript 中的資料型態在實際應用中非常重要
以下是一些具體的應用範例,展示如何使用不同的資料型態:
用於進行計算和數學操作。
let length = 5;
let width = 10;
let area = length * width; // 計算面積
console.log('Area:', area); // Area: 50
用於處理文本和生成用戶界面。
let firstName = 'John';
let lastName = 'Doe';
let fullName = `${firstName} ${lastName}`; // 字串插值
console.log('Full Name:', fullName); // Full Name: John Doe
用於控制程式的流,特別是在條件語句中。
let isLoggedIn = true;
if (isLoggedIn) {
console.log('Welcome back!');
} else {
console.log('Please log in.');
}
用於表示缺失的數據或尚未初始化的變數。
let user = null; // 尚未指定用戶
if (user === null) {
console.log('No user is logged in.');
}
let score; // 尚未賦值
console.log('Score:', score); // Score: undefined
用於創建唯一的屬性鍵,避免屬性名的衝突。
const uniqueID = Symbol('id');
let user = {
name: 'Alice',
[uniqueID]: 1234 // 使用 Symbol 作為屬性鍵
};
console.log(user[uniqueID]); // 1234
用於儲存結構化數據,如用戶資料。
let person = {
name: 'Bob',
age: 25,
greet: function() {
console.log(`Hello, my name is ${this.name}`);
}
};
person.greet(); // Hello, my name is Bob
用於儲存有序的數據集合,如購物清單或學生名單。
let shoppingList = ['milk', 'bread', 'eggs'];
shoppingList.push('fruit'); // 添加元素
console.log(shoppingList); // ['milk', 'bread', 'eggs', 'fruit']
// 遍歷數組
for (let item of shoppingList) {
console.log(item);
}
用於執行重複的任務或計算。
function calculateAverage(numbers) {
let total = 0;
for (let num of numbers) {
total += num;
}
return total / numbers.length;
}
let scores = [90, 80, 85, 95];
let average = calculateAverage(scores);
console.log('Average Score:', average); // Average Score: 87.5
用資料型態來管理應用程序的狀態。
let isActive = false;
function toggleActive() {
isActive = !isActive;
console.log(isActive ? 'Active' : 'Inactive');
}
toggleActive(); // Active
toggleActive(); // Inactive
使用資料型態來管理事件和用戶互動。
let button = document.getElementById('myButton');
button.addEventListener('click', function() {
alert('Button clicked!');
});
這些例子展示了各種資料型態在 JavaScript 中的實際應用,從基本的數據存儲到更複雜的應用程序邏輯,資料型態在編程中發揮著關鍵的作用。